<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* .div1{
				width: 150px;
				height: 150px;
				background: pink;
				overflow: hidden;
				overflow-y: scroll; 
				overflow: auto;
			} */
			.father {
				width: 100%;
				height: 300px;
				background: hotpink;
			}

			.father div {
				width: 150px;
				height: 150px;
				background: url(img/药水哥.jpg) no-repeat;
				/* display:inline-block ; */
				/* float: left; */
			}

			/* 浮动：
     浮于标准流之上，脱离标准流 不占据位置的完全脱离*/
			/* .father div:nth-child(2) {
				float: left;
				width: 500px;
				border: 1px solid red;
			} */
			/* 浮动元素排列位置，跟上一个元素（块级）有关系，如果上一个元素发生浮动那么下一个元素将会和上一个元素顶部对齐 
			如果下一个元素进行浮动 那么上一个元素底部会和下一个元素的顶部对齐
			如果要将元素进行一行排列，就需要将没有给子元素都设置浮动*/
			.father div:first-child {
				float: left;
				width: 300px;
				border: 1px solid red;
			}
			.father2{
				width: 300px;
				height: 300px;
			}
			span{
				width: 150px;
				height: 150px;
				background: pink;
				float: left;
			}
		</style>
	</head>
	<body>
		<!-- <div class="div1">
			>高鹗（1758年—约1815年），字云士，号秋甫，别号兰墅、行一、红楼外史。中国古典小说《红楼梦》出版史、传播史上首个刻印本、全璧本——程高本的两位主要编辑者、整理者、出版者之一，清代汉军镶黄旗内务府人，籍贯沈阳三台子，亦自署铁岭高鹗、奉天高鹗，其先世清初即寓居北京。
		</div> -->
		<div class="father">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			
		</div>
		
		<div class="father2">
			<span></span>
			<span></span>
			
		</div>
	</body>
</html>
